<!DOCTYPE html>
<html>
	<head>
		<title>阅读应用</title>
		<meta charset="utf-8" />
		<script src="http://studyandthink.sinaapp.com/html5/ppt/slides_html5.js"></script>
	</head>
	<body style="display:none">
		<section class="slides layout-regular template-io2011">
			<article class="biglogo">
			</article>
			
			<article>
				<h1>阅读应用</h1>
				<p>
					团队名称：北极星
					<br />
					团队成员：朱白英、张永磊、张会杰、张春生
					<br />
					2012-02-26
				</p>
			</article>
			
			<article>
				<h3>内容介绍</h3>
				<ul class="build">
					<li>为什么做阅读</li>
					<li>介绍应用</li>
				</ul>
			</article>
			
			<article>
				<h3>为什么做阅读</h3>
				<ul class="build">
					<li>传播知识</li>
					<li>使用html5实现翻页效果</li>
					<li>更好的用户体验</li>
					<li>孩子们喜欢探索，提高学习兴趣</li>
					<li>学习将从此变得不一样</li>
				</ul>
			</article>
			
			<article>
				<h3>介绍应用</h3>
				<h6>系统架构</h3>
				<img src="./images/architecture.jpg" width="800px" height="360px"></img>
			</article>
			
			<article>
				<h3>介绍应用</h3>
				<h6>时序图</h6>
				<img src="./images/sequence.jpg" width="800px" height="360px"></img>
			</article>
			
			<article>
				<h3>介绍应用</h3>
				<h6>使用技术</h6>
				<ul class="build">
					<li>turn.js</li>
					<li>jquery</li>
					<li>sessionStorage</li>
					<li>canvas</li>
				</ul>
			</article>
			
			<article>
				<h3>介绍应用</h3>
				<h6>解决问题</h6>
				<ul class="build">
					<li>隐藏地址栏</li>
					<li>固定屏幕</li>
					<li>自动保存书签</li>
				</ul>
			</article>
			
			<article>
				<h3>介绍应用</h3>
				<h6>真实翻页效果</h6>
				<img src="../images/0_1302143895f4cX.gif"></img>
			</article>
			
			<article>
				<h3>介绍应用</h3>
				<h6>demo</h6>
				<ul>
					<li><iframe style="width:360px;height:200px" src="http://zreader.sinaapp.com/beijixing/canvas/index.html"></iframe></li>
					<li>
						<a href="http://zreader.sinaapp.com/beijixing/demo/reader.html">三字经</a>
						<iframe style="position:absolute;top:20px;left:500px;width:560px;height:500px" src="http://zreader.sinaapp.com/beijixing/demo/reader.html"></iframe>
					</li>
					<li>
						体验地址：<br /><font style="font-size:16px">http://zreader.sinaapp.com/beijixing/demo/reader.html</font>
						http://zreader.sinaapp.com/beijixing/demo/reader.html
					</li>
				</ul>
			</article>
			
			<article>
				<h3>展望</h3>
				<ul class="build">
					<li>翻页时镜像效果</li>
					<li>字体、背景、屏幕亮度、目录</li>
					<li>分享</li>
					<li>收藏</li>
				</ul>
			</article>
			
			<article>
				<h3>源码</h3>
				<ul>
					<li>
						<a href="http://code.google.com/p/beijixing/">北极星</a>
					</li>
					<li>
						http://code.google.com/p/beijixing/
					</li>
				</ul>
			</article>
			
			<article>
				<h3>致谢</h3>
				<div style="font-famili:'La Belle Aurore; font-size=48px; margin-top:200px; text-align:right;'">Thank you!</div>
				<div>感谢小组成员：朱白英、张永磊、张会杰</div>
				<div>感谢html5研究小组</div>
				<div>感谢微游戏</div>
			</article>
		</section>
	</body>
</html>